iT邦幫忙

2023 iThome 鐵人賽

DAY 23
0

循環查詢功能 Query Loop 能讓我們查詢資料庫(根據查詢參數),並進一步呈現相關查詢各種查詢結果(動態資料)。

一些典型的應用方向是:

  • 文章/頁面:最新的文章/頁面、相關文章/頁面等等以及她們的相關內容。
  • 類別:文章類別、文章標籤、產品目錄等等。
  • 使用者:撰文者、社群成員、會員等等。

循環查詢功能可用於所有佈局元素、折疊元素和滑桿元素。我們馬上來實作看看:

這次我們來開啟之前建立的《WordPress 秘笈》頁面:點擊編輯主畫面上方工具列左側中間的《頁面》圖示,便可以看到頁面列表,選擇《WordPress 秘笈》頁面打開。

這從左側控制面板點選《Section》元素,這時右側結構區就會出現一個《Section》包含一個《Container》,我們選擇這個《Container》,然後在左側控制面板開啟《Use query loop》,並點擊《 Query 》圖示便會展開選單如下圖:

Bricks Builder Query Loop

查詢控制項

查詢控制項支援三種不同的 Type 物件類型:Post,Terms,Users。

  • Post:貼文是啟用 WP_Query 類型的查詢。這是預設查詢類型,可以顯示貼文、頁面、媒體檔案的循環查詢。
  • Terms:類別是啟用 WP_Term_Query 類型的查詢。當您想要循環遍歷分類法的不同欄位資訊時可以使用此方法。比如列出所有產品類別和產品名稱。
  • Users:使用者是啟用 WP_User_Query 類型的查詢。可以顯示不同類型的網站使用者名單以及他們的相關資訊。

Bricks Builder Query Loop

依據我們選擇的不同查詢控制項,下方會顯示相應的選項來完整整個查詢需求。

上圖一是查詢控制項選擇畫面;圖二 / 圖三 / 圖四則依次是查詢控制項為 Post / Terms / Users 時的相應選項截圖。

Bricks 的循環查詢功能相當強大,結合排版佈局元素再發揮一些創意,就能達到各種動態資訊組合的需求。


上一篇
d22 : Bricks 全局功能之:偽類別設定
下一篇
d24 : Bricks 有趣的遠端模板功能
系列文
WordPress 新星 Bricks!同步鐵人賽一起學習 2023 最優編輯器!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言